<div class="bg-light lter b-b wrapper-md">
  <h1 class="m-n font-thin h3">客服中心</h1>
</div>

<div class="wrapper-md">
  <div class="panel panel-default">
    <div class="panel-heading">
      用户信息
    </div>
    <toaster-container toaster-options="{'position-class': 'toast-center', 'close-button':true}"></toaster-container>
    <div class="panel-body b-b b-light">
      <p>
        用户ID: <input id="filter" type="text" ng-model="UserData.UserId" class="form-control input-sm w-sm inline m-r">
        姓名: <input id="filter" type="text" ng-model="UserData.FullName" class="form-control input-sm w-sm inline m-r">
        电话: <input id="filter" type="text" ng-model="UserData.Mobile" class="form-control input-sm w-sm inline m-r">
        <!-- 富民协议号: <input id="filter" type="text" ng-model="UserData.Contracts" class="form-control input-sm w-sm inline m-r"> -->
        汇付客户号: <input id="filter" type="text" ng-model="UserData.UsrCustId" class="form-control input-sm w-sm inline m-r">
        <button class="btn btn-info btn-addon" ng-if='!graybtn' ng-click="queryUser()">查询</button>
        <button class="btn btn-light btn-addon" ng-if='graybtn'>查询</button>
      </p>         
    </div>
    <div class="table-responsive">
      <table id="tab" class="table table-striped m-b-none">
        <thead>
          <tr>
            <th style="min-width:60px">ID</th>
            <th style="min-width:120px">安心签userID</th>
            <!-- <th style="min-width:5%">协议号</th> -->
            <th style="min-width:120px">汇付客户号</th>
            <th style="min-width:80px">姓名</th>
            <th style="min-width:80px">电话</th>
            <th style="min-width:90px">身份证</th>
            <th style="min-width:100px">充值金额</th>
            <th style="min-width:100px">投资金额</th>
            <th style="min-width:100px">提现金额</th>
            <th style="min-width:130px">系统可用余额</th>
            <th style="min-width:130px">汇付可用余额</th>
            <th style="min-width:130px">汇付账户余额</th>
            <th style="min-width:130px">汇付冻结金额</th>
            <th style="min-width:100px">创建时间</th>
            <th style="min-width:100px">银行名称</th>
            <th style="min-width:100px">银行卡号</th>
            <th style="min-width:150px">银行预留手机号</th> 
            <th style="min-width:150px">我的推荐人</th> 
          </tr>
        </thead>
        <tbody>
          <tr ng-if="UserList==''"><td colspan="9">当前无任何数据</td></tr>
          <tr ng-repeat="obj in UserList">
            <td ng-bind="obj.UserId"></td>
            <td ng-bind="obj.SignUserId"></td>
            <td ng-bind="obj.UsrCustId"></td>
            <td ng-bind="obj.FullName"></td>
            <td ng-class="obj.IsHaveFriends?'text-info':''" style="cursor: pointer;" ng-bind="obj.Mobile" ng-click="obj.IsHaveFriends?viewDetails(obj.Mobile):''"></td>
            <td ng-bind="obj.IdCard"></td>
            <td ng-bind="obj.ChargeTotalPrice"></td>
            <td ng-bind="obj.InvestTotalPrice"></td>
            <td ng-bind="obj.CashTotalPrice"></td>
            <td ng-bind="obj.UsablePrice"></td>
            <td ng-bind="obj.BankUsablePrice"></td>
            <td ng-bind="obj.AcctBal"></td>
            <td ng-bind="obj.FrzBal"></td>
            <td ng-bind="obj.CreateTime|date:'yyyy-MM-dd HH:mm:ss'"></td>
            <td ng-bind="obj.BankName"></td>
            <td ng-bind="obj.CardNo"></td>
            <td ng-bind="obj.BankMobile"></td> 
            <td class="text-info" style="cursor: pointer;" ng-bind="obj.MyInviteMobile" ng-click="viewDetails(obj.MyInviteMobile)"></td> 
          </tr>
        </tbody>
      </table>
    </div>
  </div>
  <div class="btn-group pull-right">
    <button type="button" class="btn btn-default" ng-click="prev()"><font><font>上一页</font></font></button>
    <button type="button" class="btn btn-default btnNum">{{UserData.Index}}</button>
    <button type="button" class="btn btn-default" ng-click="next()"><font><font>下一页</font></font></button>
    <span class="btn btn-default">共<span ng-bind="UserListCount+'条数据'"></span></span>
    
  </div>
